<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
  <head>
    <title>boxy - Facebook-like dialog/overlay, with frills</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <script type='text/javascript' src='assets/jquery.js'></script>
   
    <!-- per Project stuff -->
      <script type='text/javascript' src='javascripts/jquery.boxy.js'></script>
      <link rel="stylesheet" href="stylesheets/boxy.css" type="text/css" />
    <!-- END per project stuff -->
    

  </head>
  <body>
    <div id='container'>
     

      <a href='#' id='modal'>Open a modal dialog</a>
      
      
      <script type='text/javascript'>
        $(function() {
          Boxy.DEFAULTS.title = 'test';
          function newModal() {
              new Boxy("<div><a href='#'>Open a stacked modal</a> | <a href='#' onclick='alert(Boxy.isModalVisible()); return false;'>test for modal dialog</a></div>", {
                modal: true, behaviours: function(c) {
                  c.find('a:first').click(function() {
                    newModal();
                  });
                }
              });
          };          
          $('#modal').click(newModal);
        });
      </script>

    </div>
  </body>
</html>